*{ margin: 0; padding: 0; /*font-size: 13px;*/ font-family: "Microsoft YaHei", "simsun", Arial, Helvetica, Verdana, sans-serif; outline:none !important; -moz-outline: none !important;}
::-webkit-scrollbar {width: 10px; height: 10px;}
::-webkit-scrollbar-thumb {border-radius: 5px;-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); background: #c5c5c5;}
::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); border-radius: 10px; background: #EDEDED; opacity: 0.6;}

html, body{/*height: 100%;*/}
body{margin: 0; padding: 0; font-family: "Microsoft YaHei", "simsun", Arial, Helvetica, Verdana, sans-serif; color: #000000; background-color: #f8f8f8;}
body.no-bg{background-color: #fff;}
img{max-width: 100%; object-fit:cover; }
a,a:hover,a:active,a:focus{text-decoration: none;}

/* layout */
.b-container{margin: 0; padding: 0; width: 100%; height: 100%; position: relative; overflow: hidden;}
.b-layout{ position: absolute; }
.b-layout-left,
.b-layout-right{top: 0; width: 240px; z-index: 100;}
.b-layout-left{left: 0;}
.b-layout-right{right: 0;}
.b-layout-center{right: 0; bottom: 0; z-index: 50; overflow: hidden;}
.b-layout .layui-fluid.ls-card-fluid{padding: 10px; margin: 0;}
.b-layout-left .layui-fluid.ls-card-fluid{padding-right: 0;}
.b-layout-right .layui-fluid.ls-card-fluid{padding-left: 0;}
.b-layout-center .layui-fluid.ls-card-fluid{padding-right: 7px; padding-left: 7px;}
.b-layout .layui-card.ls-card .layui-card-header{padding-left: 10px; padding-right: 10px;}
.b-layout .layui-card.ls-card .layui-card-body{padding: 0; margin: 0; overflow: auto; }
.b-layout .layui-card.ls-card .layui-card-body.ls-body-table{padding-left: 5px; padding-right: 5px; }

.b-layout-fold, .b-layout-resizer{position: absolute; top: 10px; width: 7px; }
.b-layout-fold { height: 50px; line-height: 50px; text-align: center; font-weight: bold; font-size: 16px; overflow: hidden; cursor: pointer; background: rgb(170, 170, 170, .5); color: #fff; z-index: 100000;}
.b-layout-resizer{ overflow: hidden; cursor: col-resize; z-index: 200;}
.b-layout-resizer.hover{background: #E1F5E1;}

.td-state{display: inline-block; background: #0A790A; border-radius: 3px; color: #fff; font-weight: bold; line-height: 25px; padding: 0 5px; min-width: 50px;}
.td-state.danger{background: #FF5722;}
.td-state.primary{background: #009688;}
.td-state.normal{background: #1E9FFF;}
.td-state.warm{background: #FFB800;}
.td-state.gray{background: #ddd; color: #555;}
.td-state.none{background: transparent; color: #555; border: 1px solid #555;}
.td-a, .td-a:hover{color: #3CA2E0; }
.td-a i.fa{width: 15px; text-align: center; margin-right: 5px;}

.ls-tips{display: block; margin: 20px 10px; margin-top: 40px; position: relative; border-top: 1px solid #ddd; }
.ls-tips:before{content: "Tips: "; position: absolute; top: -22px; left: 0; font-weight: 600; color: #9c9c9c;}
.ls-tips li{color: #9c9c9c;list-style-type: decimal; list-style-position: inside; padding-left: 30px; }
.ls-tips li:first-child{margin-top: 10px;}

.ls-scroll-top{position: fixed; bottom: 40px;right: 17px;height: 48px;width: 48px;text-align:center;line-height:45px; font-size:30px; color:#fff;opacity: .7; cursor: pointer;z-index: 50000;border-radius: 6px;background: #ddd;}

/* Loading */ 
.ls-page-loading { z-index: 1000; width: 100%; height: 100%; background: #fff; padding: 0; margin: 0; position: absolute;bottom: 0; right: 0; user-select: none; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; -khtml-user-select: none; overflow: hidden; }
.ls-page-loading .loading-container { width: 240px; height: 120px; margin: auto; position: absolute; top: 0; bottom: 0; left: 0; right: 0; }
.ls-page-loading .loader { position: relative; width: 60px; height: 60px; border-radius: 50%; margin: 0 90px; display: block; vertical-align: middle; }
.ls-page-loading .loader-outter { position: absolute; border: 4px solid #f50057; border-left-color: transparent; border-bottom: 0; width: 100%; height: 100%; border-radius: 50%; -webkit-animation: loader-outter 1s cubic-bezier(.42, .61, .58, .41) infinite; animation: loader-outter 1s cubic-bezier(.42, .61, .58, .41) infinite;}
.ls-page-loading .loader-inner { position: absolute; border: 4px solid #f50057; border-radius: 50%; width: 40px; height: 40px; left: calc(50% - 20px); top: calc(50% - 20px); border-right: 0; border-top-color: transparent; -webkit-animation: loader-inner 1s cubic-bezier(.42, .61, .58, .41) infinite; animation: loader-inner 1s cubic-bezier(.42, .61, .58, .41) infinite;}
.ls-page-loading .loader-text {width: 100%;height: 50px; line-height: 50px; text-align: center; color: #f50057;font-size: 16px; }
@-webkit-keyframes loader-outter { 
	0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
	100% { -webkit-transform:rotate(360deg); transfor:rotate(360deg);}
}
@keyframes loader-outter { 
	0% { -webkit-transform: rotate(0deg); transform: rotate(0deg);}
	100%{-webkit-transform:rotate(360deg);transform:rotate(360deg);}
}
@-webkit-keyframes loader-inner { 
	0% {-webkit-transform: rotate(0deg); transform: rotate(0deg);}
	100%{-webkit-transform: rotate(-360deg);transform:rotate(-360deg);}
}
@keyframes loader-inner { 
	0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
	100%{-webkit-transform:rotate(-360deg);transform:rotate(-360deg);}
}

